<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
      script 模块 
      ① 必须是script标签包裹
      ② 局部作用域
      ③ 必须是严格模式
      ④ script type="module" 默认开启严格模式

      script 模块 
      ① 脚本化模块标签分割
      ② src文件化模块js文件分割（从不使用）

      import 导入、执行
      ① import 必须要在 type="module" 的模块中才能使用
      ② 导入执行js文件，功能上部分有点像 src
      ③  src 导入一次执行一次，import 重复导入多次，只执第一次，后续重复导入的文件会被忽略

      export 导出
      ① 只能使用在被导入的 `.js` 文件中
     -->

    <script type="module">
      import "./js/m1.js"; // run
      import "./js/m1.js";
      import "./js/m1.js";
      import "./js/m1.js";
      import "./js/m2.js"; // run
      import "./js/m2.js";
      import "./js/m2.js";
      import "./js/m2.js";
    </script>
  </body>
</html>
